<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../../include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>角色列表</title>

</head>
<body>
	<div class="row-fluid profile">
		<div class="span12">
			<!--BEGIN TABS-->
			<div class="tabbable tabbable-custom tabbable-full-width">
				<ul class="nav nav-tabs">
					<li class="active"><a href="${ctx}/role/list">角色列表</a></li>
					<li><a href="${ctx}/role/form">添加角色</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane row-fluid active" id="tab_1_1">
						<div class=" responsive" data-tablet="span12 fix-offset">
							<!-- BEGIN EXAMPLE TABLE PORTLET-->
							<div class="portlet box grey">
								<div class="portlet-title">
									<div class="caption">
										<i class="icon-list"></i>角色列表
									</div>
								</div>
								<div class="portlet-body">
									<table class="table table-striped table-bordered table-hover " 
										id="treeTable">
										<thead>
											<tr >
												<th>名称</th>
												<th>代码</th>
												<th>描述</th>
												<th>状态</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<c:forEach items="${roles }" var="role">
												<tr id="${role.id}" class="odd gradeX">
													<td>${role.name }</td>
													<td>${role.code }</td>
													<td>${role.description }</td>
													<td><span class="label label-${role.status eq 0 ? 'success':'failure' }">${role.status eq 0 ? '正常':'禁用' }</span> </td>
													<td>
														<a href="${ctx}/role/form/${role.id}" class="btn mini blue">
															<i class="icon-edit"></i> 编辑
														</a>
														<a href="javascript:;" class="btn mini red">
															<i class="icon-trash"></i> 删除
														</a></td>
												</tr>
											</c:forEach>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--end tab-pane-->
				</div>
			</div>
			<!--END TABS-->
		</div>
	</div>
	
	<script type="text/javascript">
		$(function() {
			
		});
	</script>
</body>
</html>